<template>
  <div class="article-page">
    <van-swipe :autoplay="2000">
      <van-swipe-item v-for="(image, index) in images" :key="index">
        <img v-lazy="image" style="height: 212px" />
      </van-swipe-item>
    </van-swipe>
  </div>
</template>

<script>
export default {
  name: "article-page",
  data() {
    return {
      active: 0,
      images: [
        "	http://liufusong.top:8080/img/swiper/1.png",
        "http://liufusong.top:8080/img/swiper/2.png",
        "	http://liufusong.top:8080/img/swiper/3.png",
      ],
    };
  },
  methods: {},
};
</script>

<style lang="less" scoped>
.images {
  font-size: 20px;
  line-height: 150px;
}
</style>
